<template>
	<page-meta>
		<navigation-bar :title="$tt('avatar.cropping')" title-align="center" background-color="#007AFF" />
	</page-meta>
	<cropping :source="{ album: $tt('avatar.album')}" :imageUrl="avatarUrl" @cancel="handleCancel" @success="handleSuccess" />
</template>
<script>
	import cropping from '@/components/cropping/index.vue';
	import { uploadAvatar } from "@/apis/modules/account";

	export default {
		components: {
			cropping
		},
		data () {
			return {
				avatarUrl: '',
			}
		},
		onLoad (option) {
			this.avatarUrl = String(option.url);
		},
		methods: {
			handleCancel () {
				uni.navigateBack();
			},
			handleSuccess (data) {
				let params = {
					name: 'avatarfile',
					filePath: data.url
				};
				uploadAvatar(params).then(res => {
					if(res.code==200){
						uni.$emit('refreshData');
						uni.navigateBack();
					}else{
						uni.$u.toast(res.msg);
					}
					
				})
			}
		}
		
	}
</script>

<style>
</style>